<!-- TeamPop page -->
<template>
  <div>
    <a-popover trigger="click" placement="bottomRight">
      <template slot="content">
        <a-menu :defaultSelectedKeys="[selectedTeam.teamId]">
          <a-menu-item
            v-for="item in teamList"
            :key="item.id"
            @click="selectedItem(item)"
          >
            <span>{{ item.teamName }}</span>
          </a-menu-item>
        </a-menu>
        <!--<p v-for="(item, index) in customIconList" :key="`team_${index}`">{{item}}</p>-->
        <!--v-for="(item, index) in items" :key="index">-->
      </template>
      <span>
        <a-button type="primary"
          >当前团队：{{ selectedTeam.teamName || '请选择' }}</a-button
        >
      </span>
    </a-popover>
  </div>
</template>

<script lang="ts" src="./team-pop.ts"></script>

<style lang="scss">
@import './team-pop.scss';
</style>
